*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    background-color: #f1f2f3;
    clear: both;
}
        /*---------------页面头部----------------*/
header{

    width: 100%;
    min-width: 1204px;
    height: 88px;
 background-color: white;
    /*background-color: cornflowerblue;*/
}
header .h1{
    width: 1200px;
    height: 88px;
    margin: 0 auto;
        position: relative;
     /*background-color: lightblue;*/
     /*color: red;*/
}
header .h1>img{
    margin-top: 20px;
    float: left;
}
.h1 .h1d{
    width: 580px;
    height: 88px;
    line-height: 88px;
    float: left;
}
.h1 .h1ul li{
    margin: 0 19px;
    float: left;
    
}
.h1 .h1ul li a:hover{
    color:#1bba76;
}
.h1 .h1ul:first-child{
       margin-left: 40px;
}
.h1 .h1ul li a{
color: #333;
text-align: center;
font-size: 16px;
}
.h1 .h1d2,.h1 .h1d3{
        float: right;
            height: 88px;
    line-height: 88px;
    font-size: 14px;
    /*vertical-align:bottom;*/
}
.h1 .h1d2{
    width: 94px;
    text-align: right;
}
.h1 .h1d3{
    width: 138px;
    text-align: right;
}
.h1 .h1d3>div{
    display: inline-block;
}
.h1 .h1d3 .h1d3d{
    width: 100px;
    text-align: right;
}
.h1d3 a{
    color: #333;
}
.h1d3 a:hover{
    color: #1bba76;
}
.h1 .h1d2 img{
     vertical-align:middle;
}
.h1 .h1d2:hover,.h1d3 .h1d3d:hover,.h1d3d:hover{
    color:#1bba76;
}
.h1 .h1d2 img:nth-of-type(2){
    display: none;
}

 /*---------------下拉----------------*/

.drop1,.drop2,.drop3,.drop4{
    position: absolute;
    width: 460px;
    height: 310px;
    background-color: white;
    top: 80px;
    left: 150px;
    z-index: 999;
    box-shadow: 0px 0 10px 1px gray;
    display: none;
}
.drop1{
       left: 150px;
}
.drop2{
    left: 250px;
}
.drop3{
    left: 350px;
}
.drop4{
    left: 450px;
}
.trigon,.trigon2,.trigon3,.trigon4{
    position: absolute;
    width: 20px;
    height: 20px;
    /*background-color: blue;*/
    top: 73px;
    z-index: 1000;
     display: none;
}
.trigon{
    left: 200px;
   
}
.trigon2{
     left: 300px;
}
.trigon3{
     left: 440px;
}
.trigon4{
     left: 530px;
}
.dropa{
    width: 360px;
    margin: 0 auto;
}
.dropa p{
    margin: 15px 0;
    font-size: 19px;
}
.dropa p span{
    color: #1bba76;
}
.dropa ul{
    float: left;
}
.dropa ul:nth-of-type(2),.dropa ul:nth-of-type(3){
    margin-left: 40px;
}
.dropa ul li{
   line-height: 35px;
   color: #7f7f7f;
   font-size: 14px;
}

/*-----------------------轮播图----------------------*/
.le img,.ri img{
    display: none;
    opacity: 0.6;
}
.carousel{
    height: 350px;
    /*width:1200px;*/
     width: 100%;  
      min-width: 1204px; 
    position: relative;
    /*overflow: hidden;*/
}
.carousel .img1 img{
       width: 100%;
       min-width: 1204px;
    position: absolute;
    height: 350px;
     z-index: 9;
}
.dian{
 position: absolute;
left: 45vw;
bottom: 20px;
width: 200px;
height: 20px;
z-index: 11
}
.dian>div{
    width: 13px;
    height: 13px;
    display: inline-block;
    /*background-color: gray;*/
    box-shadow: 0 0 1px 1px antiquewhite;
}
.dian1{
     background-color:#1bba76; 
}
.le{
    position: absolute;
    top:150px;
    left: 0;
     z-index: 100;
}
.ri{
    position: absolute;
    top:150px;
    right: 0;
     z-index: 2000;
}
.inp{
 position: absolute;
           width: 1000px;
           height: 70px;
           top: 150px;
           left: 50%;
           z-index: 500;
}
.inp>div{
     position: relative;
       display: inline-block;
           width: 750px;
           height: 70px;
           right: 35%;
}
.inp input{
    width: 640px;
    height: 70px;
     /*position: relative;
       margin:0 auto;
       margin-top: 150px;
            z-index: 9999;*/
}
.inpd{
    position:absolute;
    display: inline-block;
    top: 0px;
    width: 100px;
    height: 70px;

    text-align: center;
    background-color: #00a460;
}
.inpd img{
   text-align: center;
   padding-top: 20px;
}
/*-----------------轮播中下拉框--------------*/
.xiala2{
  position: absolute;
       display: inline-block;
           width: 640px;
           top: 70px;
           left: 0;
 background-color: white;
    z-index:500;
    border: 1px solid #00a460;
    display: none;
}
.xiala2nei{
    width: 600px;
    margin: 0 auto;
}
.xiala2nei p{
    font-size: 15px;
    color: #767676;
    height: 30px;
    line-height: 30px;
}
.xiala2a{
   padding-top: 15px;
    padding-bottom: 15px;
    color: #b2b2bd;
}
.xiala2a>div{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ff6214;
    border-radius: 3px;
    text-align: center;
    color: white;
}
.xiala2a span:nth-of-type(2){
    float: right;
}
.xiala2b>div{
   background-color: gray;
}
.xiala2a:hover{
    background-color: #ebebeb;
}
.inpd:hover{
    background-color:#00b369;
}
  /*---------------------轮播下边--------------------*/
  .lunxia{
      width: 100%;
       min-width: 1204px;
      height: 55px;
      background-color: white;;
  }
    .lunxia1{
      width:1204px;
      height: 55px;
      margin: 0 auto;
      background-color: white;
      line-height: 55px;
  }
  .lunxia1>div:nth-of-type(1){
      display: inline-block;
      margin-left: 40px;
      font-size: 14px;
      color: #7f7f7f;
  }
    .lunxia1>div:nth-of-type(1) span{
        color:#ff7200;
    }
      .lunxia1>div:nth-of-type(2){
          float: right;
           color: #7f7f7f;
           font-size: 14px;
      }
           .lunxia1>div:nth-of-type(2) img{
         vertical-align: middle;
      }
      main{
                width:1204px;
                margin: 0 auto;
                /*background-color: red;*/
      }
      .mall1{
           height: 107px;
           margin-top: 20px;
           display: flex;
           justify-content: space-between;
      }
      /*main div{
          display: inline-block;
          width: 192px;
          height: 107px;
           background-color: blue;
           margin-left: 6px;
      }
        main div:nth-of-type(1){
           margin-left: 0px;
      }*/
            .mall1>div{
          width: 192px;
          height: 107px;
           background-color: white;  
           text-align: center;
          font-size: 18px;
          color:#00b369;
      }
      .mall1>div img{
           margin-top: 30px;
           margin-bottom: 20px;
       }
        .mall1>div img:nth-of-type(2){
            display: none;
        }
        .mall1>div:hover{
             background-color:#00b369;  
              color:white;
        }
/*-------------------精选专题推荐----------------*/
.mall2{
     width:1204px;
     background-color: white;
     height: 520px;
     margin-top: 20px;
}
.mall2a{
    width: 1156px;
    margin: 0 auto;
}
.ma2a{
    padding-top: 25px;
    padding-bottom: 30px;
    font-size: 20px;
}
.ma2a>img{
    vertical-align: middle;
}
.ma2b{
    display: flex;
    justify-content: space-between;
}
.ma2b>div{
    width: 273px;
    height: 182px;
    overflow: hidden;
    z-index: 100;
    position: relative;
}
.ma2b>div img{
     z-index: 100;
}
.ma2b>div>div:nth-of-type(1){
     width: 273px;
    height: 182px;
    background-color: black;
    top: 137px;
    left: 0;
    opacity: 0.5;
     z-index: 200;
     position: absolute;
}
.ma2b>div>div:nth-of-type(2){
     width: 273px;
    height: 182px;
    top: 85px;
    left: 0;
    line-height: 40px;
    text-align: center;
    margin-top: 60px;
    color: white;
     z-index: 300;
     position: absolute;
}
.ma2b>div>div:nth-of-type(2)>div{
         width: 90px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 5px;
    background-color: #00a460;
}
.ma2b>div>div:nth-of-type(2)>div:hover{
      background-color: #00b369;
}
.ma2c{
    margin-top: 35px;
}
    /*------------返回顶部-------------*/
    .return1{
        width: 67px;
        height: 303px;
        position: absolute;
        top: 500px;
        right: 0;
        background-color: white;
        z-index: 1000;
        color:#b2b2b2;
        font-size: 12px;
        text-align: center;
    }
    .re1,.re4>div:nth-of-type(1){
        height: 80px;
        /*padding-top: 25px;*/
        line-height: 25px;
        border-bottom: 1px solid #ebebeb;
    }
    .re1 img,.re4>div:nth-of-type(1) img{
        padding-top: 25px;
    }
    .re2{
        height: 60px; 
    }
        .re2 img{
              padding-top: 25px;
    }
    .re3,.re4,.re5{
        position: relative;
    }
    .re3>div,.re5>div{
        text-align: center;
        background-color: #00b369;
        position: absolute;
        top: 0;
        left: 0;
        width: 67px;
        height: 80px;  
        display: none;
    }
     .re3>div>div,.re5>div>div{
 margin-top: 20px;
 color: white;
 line-height: 20px;
     }
     .re3>div>div a,.re5>div>div a{
          color: white;
     }
.re4>div:nth-of-type(1){
    position: absolute;
            width: 67px;
            color:white;
        top: 0;
        left: 0;
        background-color: #00b369;
        display: none;
}
.erweima{
    position: absolute;
    top: -26px;
    left: -143px;
    display: none;
}
.re2 img:nth-of-type(2){
    display: none;
}
.re2add{
background-color: #00b369;
}
/*----------我们的优质客户--------*/
.our{
    width: 1204px;
    height: 225px;
    margin: 0 auto;
    background-color: white;
    margin-top: 20px;
}
.ourh{
    width: 1114px;
       margin: 0 auto;
}
.ourh p{
    height: 80px;
        line-height: 80px;
        font-size: 20px;
}
.bigimg{
     width: 1204px;
       margin: 0 auto;
}
.footer1{
    width: 100%;
     min-width: 1204px;
    height: 275px;
    background-color: white;
    margin-top: 20px;
}
.fooh{
    width: 1204px;
    height: 275px;
    margin: 0 auto;
    /*background-color: red;*/
    overflow: hidden;
}
.fh1,.fh2,.fh3,.fh4{
    /*display: inline-block;*/
    float: left;
}
.fh1 img{
padding-top: 70px;

}
.fh2>p:nth-of-type(1){
   margin-bottom: 12px;
    font-size: 27px;
}
.fh2{
     margin-top: 70px;
    margin-left: 60px;
    padding-right: 80px;
    border-right:1px solid #aaa;
        color: #7f7f7f;
        line-height: 35px;
}
.fh2 img{
vertical-align: middle;
margin-left: 10px;
margin-right: 15px;
}
.fh3{
     line-height: 30px;
     margin-top: 70px;
    width: 166px;
    margin-left: 60px;
      padding-right: 60px;
          border-right:1px solid #aaa;
             color: #7f7f7f;
}
.fh3 p{
    font-size: 19px;
     margin-bottom: 12px;
}
.fh3 ul{
    font-size: 14px;
}
.fh3 ul:nth-of-type(1){
    float: left;
}
.fh3 ul:nth-of-type(2){
    float: right;
}
.fh4{
       margin-top: 70px;
margin-left: 50px;
line-height: 35px;
 color: #7f7f7f;
 font-size: 19px;
}
.fh4 p{
    margin-bottom: 12px;
}
.fh4 img:nth-of-type(1){
    margin-bottom: 12px;
}
.footer2{
    width: 100%;
     min-width: 1204px;
    height: 85px;
    background-color: #565656;
}
.f2h{
        width: 1204px;
        margin: 0 auto;
        line-height: 20px;
        font-size: 12px;
        color: #a9a9a9;       
}
.f2h p{
     padding-top: 15px;
     float: left;
}
.f2h .f2h2{
    margin-top: 20px;
     float: right;
}
.f2h .f2h2 img{
     vertical-align: middle;
}
*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none !important;
}
#header{
	width: 100%;
	height: 88px;
	border-bottom: 2px solid #00A761;
}

#header .header-inner{
	width: 1020px;
	height: 88px;
	margin: 0 auto;
	line-height: 84px;	
	padding-right: 120px;
}

#header .header-inner>span{
	float: right;
	font-size: 16px;
}

#header .header-inner>span a{
	color: #00A761;
}

#main{
	width: 100%;
	height: 560px;
	background-image: url(../images/bg.jpg);
}

.main-inner{
	width: 1000px;
	height: 372px;
	margin: 0 auto;
	padding-right: 170px;
}

.main-inner .form{
	width: 347px;
	float: right;
	padding-top: 50px;
	/*display: none;*/
}

.main-inner .form .p1{
	margin-top: 10px;
	height: 70px;
	line-height: 70px;
	margin-bottom: 0;
}

.main-inner .form .p1>span:first-child{
	font-size: 18px;
	color: #5F5F5F;
}

.main-inner .form .p1>span:last-child{
	color: #5F5F5F;
	float: right;
}

.main-inner .form .p1>span:last-child a{
	color: #00A761;
}

.main-inner .form form>input{
	width: 347px;
	height: 50px;
	border: 1px solid #CCCCCC;
	outline: none;
	color: #5F5F5F;
	margin-bottom: 8px;
	padding: 0 10px;
	border-radius: 3px;
	box-sizing: border-box;
}
input[type=submit]{

	width: 447px;
	margin: 0 auto;
	border: none;
	background-color: #009900;
	color: white !important;
	font-size: 16px;
}

input[type=checkbox]{
	display: inline-block;
}

.p2{
	width: 347px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #5F5F5F;
	position: relative;
}

.p2 a{
	font-size: 14px;
		color: #00A761;
		float: right;
}


.p2>.other{
	width: 100%;
	height: 100%;
	background-color: #FFFAE1;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
	display: none;
}

.other-icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	background-position: 35% 53%;
	margin-bottom: -5px;
	margin-right: 10px;
}

.qq{
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 100px;
	margin-left: 305px;
}

.qq>a:first-child{
	display: inline-block;
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	background-position: 2% 35%;
	margin-bottom: 53px;
}

.qq>a:last-child{
	font-size: 18px;
	color:#757598;
	font-weight: bold;
}

.local{
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 100px;
	margin-left: 205px;
	position: absolute;
	top: 88px;
	right: 662px;
}

.local>a:first-child{
	display: inline-block;
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	background-position: 97% 44%;
	margin-bottom: 53px;
}

.local>a:last-child{
	font-size: 18px;
	color:#757598;
	font-weight: bold;
}


#main>p{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding-top: 56px;
}

#main>p>span:first-child,
#main>p>span:last-child {
	display: inline-block;
	width: 385px;
	height: 1.5px;
	background-color: #D6D3D3;
}

#main>p>span:nth-of-type(2){
	display: inline-block;
	width: 185px;
	color:#5F5F5F;
}


.login-list{
	width: 1000px;
	margin: 0 auto;
	padding-left: 253px;
	margin-top: 25px;
}

.login-list ul li{
	list-style: none;
	float: left;
	width: 225px;
	
}

.login-list ul li a{
	display: inline-block;
	color: #5F5F5F;
	height: 36px;
}

.login-list ul li a:hover{
	color: #009900;
}

.login-list ul li a:hover span:first-child{
	opacity: 0.7;
}

.login-list ul li a span:first-child{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	margin-right: 10px;
	margin-bottom: -13px;
}

.login-list ul li:nth-of-type(1)>a>span:first-child{
	background-position: 34% 82%;
}
.login-list ul li:nth-of-type(2)>a>span:first-child{
	background-position: 45% 81%;
}
.login-list ul li:nth-of-type(3)>a>span:first-child{
	background-position: 56% 82%;
}
*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none !important;
}
#header{
	width: 100%;
	height: 88px;
	border-bottom: 2px solid #00A761;
}

#header .header-inner{
	width: 1020px;
	height: 88px;
	margin: 0 auto;
	line-height: 84px;	
}

#main{
	width: 100%;
	height: 560px;
	background-image: url(../images/bg.jpg);
}

.main-inner{
	width: 1000px;
	height: 372px;
	margin: 0 auto;
	padding-right: 170px;
}

.main-inner .form{
	width: 347px;
	float: right;
}

.main-inner .form .p1{
	margin-top: 10px;
	height: 70px;
	line-height: 70px;
	margin-bottom: 0;
}

.main-inner .form .p1>span:first-child{
	font-size: 18px;
	color: #5F5F5F;
}

.main-inner .form .p1>span:last-child{
	color: #5F5F5F;
	float: right;
}

.main-inner .form .p1>span:last-child a{
	color: #00A761;
}

.main-inner .form form>input{
	width: 347px;
	height: 50px;
	border: 1px solid #CCCCCC;
	outline: none;
	color: #5F5F5F;
	margin-bottom: 8px;
	padding: 0 10px;
	border-radius: 3px;
		box-sizing: border-box;
}

input[type=submit]{
	border: none;
	background-color: #009900;
	color: white !important;
	font-size: 16px;
}

input[type=checkbox]{
	display: inline-block;
}

.p2{
	width: 347px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #5F5F5F;
	position: relative;
}

.p2 a{
	font-size: 14px;
		color: #5F5F5F;
}

.p2 a:hover{
	color: #00A761;
}

.p2>.other{
	width: 100%;
	height: 100%;
	background-color: #FFFAE1;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
	display: none;
}

.other-icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	background-position: 35% 53%;
	margin-bottom: -5px;
	margin-right: 10px;
}

.qq{
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 100px;
	margin-left: 305px;
}

.qq>a:first-child{
	display: inline-block;
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	background-position: 2% 35%;
	margin-bottom: 53px;
}

.qq>a:last-child{
	font-size: 18px;
	color:#757598;
	font-weight: bold;
}


#main>p{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding-top: 56px;
}

#main>p>span:first-child,
#main>p>span:last-child {
	display: inline-block;
	width: 385px;
	height: 1.5px;
	background-color: #D6D3D3;
}

#main>p>span:nth-of-type(2){
	display: inline-block;
	width: 185px;
	color:#5F5F5F;
}


.login-list{
	width: 1000px;
	margin: 0 auto;
	padding-left: 253px;
	margin-top: 25px;
}

.login-list ul li{
	list-style: none;
	float: left;
	width: 225px;
	
}

.login-list ul li a{
	display: inline-block;
	color: #5F5F5F;
	height: 36px;
}

.login-list ul li a:hover{
	color: #009900;
}

.login-list ul li a:hover span:first-child{
	opacity: 0.7;
}

.login-list ul li a span:first-child{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-image: url(../images/login-ico.v1.1.png);
	margin-right: 10px;
	margin-bottom: -13px;
}

.login-list ul li:nth-of-type(1)>a>span:first-child{
	background-position: 34% 82%;
}
.login-list ul li:nth-of-type(2)>a>span:first-child{
	background-position: 45% 81%;
}
.login-list ul li:nth-of-type(3)>a>span:first-child{
	background-position: 56% 82%;
}